body
{
   font-family: arial, helvetica, sans-serif;
   margin: 0;
   padding: 0;
   font-size: 0.85em;
}
h1, h2, h3
{
   font-family: arial, helvetica, sans-serif;
}
h2
{
	margin-top: 1em;
}
.header
{
   padding: 1em;
   border-bottom: 1px solid #666666;
   background: #6699ff;
   font-size: 1em;
}
h1.title, p.title
{
   font-family: arial, helvetica, sans-serif;
   color: #ffffff;
   font-size: 2em;
   margin: 0;
   padding: 0;
   font-weight: 700;
}
.header .title a:link, .header .title a:hover, .header .title a:visited, .header .title a:active
{
   color: #ffffff;
   text-decoration: none;
}
.body
{
   color: #333333;
   margin: 2em;
}
.footer
{
   color: #666666;
   margin: 2em;
}
.compare
{
   width: 30em;
}
.form-field
{
   margin: 1em 0;
}
.form-field input, .form-field select
{
}
label
{
   display: block;
   float: left;
   margin-right: 1em;
}
form
{
}
.form-help
{
   width: 20em;
   color: #666666;
   font-size: 0.75em;
}
.compare-items ul
{
	margin-bottom: 0;
}
h2.summary
{
	display: none;
}
.results
{
	clear: both;
	font-size: 1.2em;
	width: 45em;
	margin: 1em 0;
	padding: 1em;
   border: 1px solid #cccccc;
   background: #feffa9;
}
.results h2, .results h3, .results p
{
	margin-top: 0;
}

.messages-result
{
	float: left;
   width: 17em;
}
.files-result
{
   margin-left: 20em;
   width: 17em;
}
.files-bar span.outer, 
.messages-bar span.outer
{
   display: block;
   border: 1px solid #666666;
   width: 10em;
   font-size: 0.8em;
   padding: 1px;
   float: left;
   margin: 0.2em 0.8em 0 0;
   background: white;
}
.files-bar span.outer span.inner,
.messages-bar span.outer span.inner
{
   display: block;
   background-repeat: repeat-x;
   height: 1em;
}
.files-bar span.outer span.inner
{
   background-image: url(files-bar.png);
}
.messages-bar span.outer span.inner
{
   background-image: url(messages-bar.png);
}
.detail
{
	font-size: 0.8em;
	color: #666666;
}
.compare-from
{
   /*float: left;*/
}
.compare-to
{
	/*margin-left: 30em;*/
}
.compare-from h2, .compare-to h2
{
   font-size: 1em;
   /*margin-top: 0;
   padding-right: 3em;*/
}
.clear
{
	clear: both;
}
.comparison-result
{
	margin-left: 1em;
}
.links
{
   font-size: 1em;
}
.body table
{
   border: 1px solid #999999;
   border-collapse: collapse;
}
.body table th
{
   background-color: #a2c7ff;
}
.body table td, .body table th
{
   font-size: 0.85em;
   border: 1px solid #999999;
   padding: 0.2em;
}
p.pullout
{
	border: 2px solid #ffa133;
	background: #ffec83;
	padding: 0.8em;
}
.missing-message
{
	background-color: #ff6666;
}
.extra-message
{
   background-color: #66ff66;
}
pre.properties
{
	border: 1px solid #888888;
	padding: 1em;
	overflow: scroll;
   max-height: 20em;
}
pre.properties .comment
{
	color: #880000;
}
pre.properties .key
{
   color: #000000;
}
pre.properties .val
{
   color: #160099;
}
pre.properties .sep
{
   color: #666600;
}
pre.properties .token
{
	color: #ae0077;
}